<template>
  <h1>{{env}}</h1>
  <breadCrumb :data="data" :separator="separator"></breadCrumb>
  <router-view></router-view>
</template>

<script setup>
import {ref,onMounted} from "vue"
import $bus from "./untils/bus"


let data = ref([])
let separator = ref("🏀")

// 1. 在 serup 中如何使用 eventBus
// 2. reactive声明的变量重新赋值，丢失响应

let env=ref("")
onMounted(()=>{
  $bus.$on("breadChange",input=>{
    console.log(input);
    data.value = input
  })
  env.value=import.meta.env.VITE_ENV
})
console.log(import.meta.env);
</script>